// ----- 聊天泡泡 -----
.vas-chat-bubbles {
  // 深度思考
  .chat-think {
    display: block;
    margin-bottom: 15px;
    .think-title {
      display: flex;
      align-items: center;
      user-select: none;
      .xicon {
        position: relative;
        width: 18px;
        height: 18px;
        font-size: 18px;
        margin-left: 8px;
        > * {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          &:last-child {
            opacity: 0;
          }
        }
        &.icon-thinking {
          > * {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
            &:first-child {
              animation: fadeInOut 2s infinite;
            }
            &:last-child {
              animation: fadeInOut 2s 1s infinite;
            }
          }
        }
      }
    }
    .ant-collapse-header {
      padding: 5px 10px !important;
    }
    .ant-collapse-content-box {
      padding: 12px 16px !important;
    }
    .text-content {
      font-size: 14px;
      font-weight: 400;
      line-height: 2;
      color: var(--vas-think-color);
    }
    p {
      margin: 0;
    }
  }
  // 聊天正文
  .chat-content {
    font-size: 15px;
    line-height: 28px;
    color: var(--vas-title-color);
    p {
      margin: 0;
    }
    &.error {
      font-size: auto;
      color: var(--vas-error-color);
    }
  }
  hr {
    margin: 24px 0;
    border: 0;
    border-top: 1px solid var(--vas-border-color);
    background: none;
  }
}
